﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a { color: #d1fcff; text-decoration: none; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

.fl { float: left; }
.fr { float: right; }
body { color: #FFF; font-size: 12px; font-family: Tahoma; background-color: #1e1e1e; }
.header-top { background-image: url("http://dev.meotom.net/images/header-top.gif"); background-repeat: repeat-x; color: #D8D8D8; float: left; line-height: 28px; width: 100%;border-bottom: 2px solid #999; }
#header { width: 100%;margin-bottom: 30px; }
.inner-header { width: 890px; margin: 0 auto; line-height: 26px; /*border-bottom:solid 2px #FFF;*/ }
.inner-header h1 { font-size: 26px; }
.header-text h1 { font-size: 26px; margin-left: 10px; }
.logo { margin-left: 17px; margin-top: 10px; }
.header-text { margin-top: 28px; }
.header-text h3 { color: #d1fcff; font-size: 13px; font-weight: 700; margin-left: 12px; padding-top: 0; }

#wrapper { width: 890px; margin: 0 auto; }
#UploadedPhoto, #wrapper2, #divNotify, #divFromComputer, #divFromUrl, #UploadedPhotoUser, #divPhotoChoose, #NoImage, #divOption, #divFB {
    /* background: transparent url(/images/bgWrapper.png) repeat top;*/ float: left; width: 455px;background-color: #3d3d3d;
}
#divFB { margin-left: 10px;width: 400px;background-color: transparent;}
#UploadedPhoto, #divOption { width: 865px;}
#UploadedPhoto, #UploadedPhotoUser, #divPhotoChoose, #NoImage, #divOption { padding: 10px 10px 10px 15px; }
#UploadedPhoto h2, #divNotify h2, #divFromComputer h2, #divFromUrl h2 { font-size: 25px; margin-bottom: 5px; margin-top: 5px; }
#divFromComputer h2, #divFromUrl h2 { font-size: 16px;margin-bottom: 20px; }
#divNotify { margin: 0 auto; margin-top: 10px; padding: 15px 10px 15px 15px; }
#divNotify ul { margin-top: 10px; }
#divNotify li { padding: 3px; line-height: 14px; }
#footer { text-align: center; margin-top: 10px; float: left; width: 100%; }
#footer p { margin-bottom: 4px; margin-top: 4px; }

/*#divFromComputer, #divFromUrl { padding: 10px 10px 20px 15px; }*/
#divFromComputer, #divFromUrl {min-height: 220px;padding: 10px 10px 20px 15px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;}
#divFromUrl input[type="text"] { border: solid 1px #CCC; display: block; margin-bottom: 5px; width: 400px; color: #333; font-style: italic; }
#divPhotoChoose { width: 755px;}

.tab-info { float: left; width: 100%; }
.tab-info li { background-color: #333; border-left: 1px solid #031825; border-right: 1px solid #031825; border-top: 1px solid #031825; display: block; float: left; margin-right: 5px; }
.tab-info li.first { margin-left: 4px; }
.tab-info li.selected { background: transparent url(/images/bgWrapper.png) repeat top; }
.tab-info li.selected a { font-weight: bold; color: #FFF;background-color: #3d3d3d; }
.tab-info li a { color: #FFF; display: block; font-size: 12px; line-height: 26px; padding-left: 10px; padding-right: 10px; }
/* Old Version */

.header-text sup.small { font-size: 11px; color: #FF0000; margin-left: 5px; vertical-align: top; }
.UploadActive { margin-bottom: 5px; width: 156px; background: transparent url(/images/bgUploadActive.png) repeat top; padding: 5px 0 5px 5px; position: relative; border: 1px solid #1E1E1E; float: left; margin-right: 10px; }
.UploadActive:hover, .UploadActive.selected { background-color: #D1FCFF; border: solid 1px #050505; }
.UploadActive .number { bottom: 0; color: #2B2B2B; font-size: 32pt; font-style: italic; line-height: 32px; margin-bottom: 5px; margin-right: 5px; position: absolute; right: 0; }
.UploadActive { font-size: 12px; margin-top: 10px; }
.UploadActive label { font-size: 11px; }
.UploadActive .labelFrm { width: 70px; float: left; padding-top: 5px; font-weight: bold; }
.UploadActive.selected { }
#divContinueUpload { position: absolute; top: 0px; right: 0px; line-height: 18px; padding: 4px; background-color: #CCC; display: none; }
#divContinueUpload .divCntImg { float: left; margin-right: 5px; }
#divContinueUpload a { color: #155bdd; font-weight: bold; }
a.selected { background-color: #D1FCFF; padding: 0px 2px 0px 2px; color: #000; }
a.normal { background-color: transparent; padding: 0px 2px 0px 2px; }

.colRight { width: 355px; float: left; }
.colLeft { width: 590px; float: left; }
#swfu_container { margin-top: 10px; }
.UploadThumbImg { border: 1px solid #1E1E1E; float: left; height: 100px; overflow: hidden; padding: 1px; width: 130px; }
.UploadThumbImg img { cursor: pointer; }
.UploadSource { float: left; width: 22px; }
.UploadSource .col { height: 30px; padding-top: 4px; }
.footer table td { padding: 2px; }
.footer table td a { color: Red; }

.progressWrapper { width: 450px; overflow: hidden; }

.progressContainer { margin: 2px 0px 2px 0px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden; }
/* Message */
.message { margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }
/* Error */
.red { border: solid 1px #B50000; background-color: #FFEBEB; }

/* Current */
.green { border: solid 1px #DDF0DD; background-color: #EBFFEB; }

/* Complete */
.blue { border: solid 1px #CEE2F2; background-color: #F0F5FF; }
.progressName { font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden; }
.progressBarInProgress, .progressBarComplete, .progressBarError { font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px; }
.progressBarComplete { width: 100%; background-color: green; visibility: hidden; }
.progressBarError { width: 100%; background-color: red; visibility: hidden; }
.progressBarStatus { margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap; color: #000; }
.fileQueueContent { float: left; margin-top: 5px; }
a.progressCancel { font-size: 0; display: block; height: 14px; width: 14px; background-image: url(/images/cancelbutton.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right; }
a.progressCancel:hover { background-position: 0px 0px; }
.login-form { background: url("/images/bgWrapper.png") repeat scroll center top transparent; width: 200px; height: 28px; line-height: 28px; }
.login-form ul li { display: inline; }
.login-form ul li a { display: block; float: left; padding-right: 10px; padding-left: 10px; width: 70px; text-align: center; font-weight: bold; }
#divLoading { color: #000; position: fixed; top: 0px; left: 0px; line-height: 26px; z-index: 100; padding-left: 10px; padding-right: 10px; font-weight: bold; border: solid 0px #FFF; background-color: #CCC; display: none; }
.ctLogin { margin-top: 40px; margin-bottom: 20px; width: 430px; }
.loginLine { margin-bottom: 5px; }
.loginLine .login_right input[type="text"], input[type="button"], input[type="submit"], input[type="password"], textarea { border: 1px solid #848484; font-size: 1.7em; line-height: 19px; outline: medium none; padding: 3px 4px; }
.loginLine .login_right select { line-height: 19px; padding: 3px 4px; outline: medium none; border: 1px solid #848484; }
.loginLine .login_right textarea { font-size: 1.1em; font-family: Arial; }
.loginLine .login_right input[type="button"], input[type="submit"] { background: transparent url(/images/bg_button.gif) repeat-x top; }
.loginLine .login_right input[type="button"]:hover, input[type="submit"]:hover { border: solid 1px #848484; }
.sign_left { padding-bottom: 10px; }
.pLogin { /*font-family: Georgia, "Times New Roman" , "Bitstream Charter" ,Times,serif;*/ font-size: 16px; }
#divUserName, #divEmail { height: 28px; }
.failureNotification { line-height: 26px; color: #FF0000; display: block; }
#dtPager a:hover { border: solid 1px #D1FCFF; background-color: #D1FCFF; color: #000; }
#dtPager a { color: #D1FCFF; border: 1px solid #D1FCFF; float: left; display: block; padding: 4px 6px 4px 6px; margin-right: 3px; }

#dtPager span, a.aspNetDisabled { font-size: 13px; background-color: #7D7D7D; border: 1px solid #666 !important; color: #333 !important; float: left; display: block; padding: 4px 6px 4px 6px; margin-right: 3px; }
a.aspNetDisabled:hover { background-color: #7D7D7D !important; border: 1px solid #666 !important; color: #333 !important; }
#UploadedPhoto, #NoImage { margin-top: 0px; }
#UploadedPhoto { margin-bottom: 50px;-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-right-radius: 10px;-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;border-bottom-left-radius: 10px; }
#divOption {-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;border-top-right-radius: 10px;}
.col { margin-bottom: 5px; }
.divFloatImg { height: 90px; position: absolute; top: 114px; width: 410px; z-index: 99; left: 0px; border: 1px solid #CCC; background-color: #CCC; color: #000; padding-left: 10px; padding-top: 10px; }
#txtChooseImage { width: 450px; font-size: 12px; line-height: 15px; }
#divMovieContainer { float: left; margin-top: 10px; width: 450px; }
#btnUpload { float: left; width: 100px; margin-left: 5px; display: none; }
#BtnUploadUrl, #btnAddMore { font-size: 1.1em; font-weight: bold; }
#NoImage { text-align: center; padding-top: 20px; padding-bottom: 20px; }
#NoPhoto { font-size: 1.4em !important; text-align: center; }
#btnUpload input[type="button"] { font-size: 12px; padding-bottom: 1px; padding-left: 7px; padding-top: 2px; font-weight: bold;background: transparent url(/images/btnUpload.gif) repeat-x top; }
#btnUpload input[type="button"]:hover { border: solid 1px #E66F00; }

.mb5 { margin-bottom: 5px; }
.mt5 { margin-top: 5px; }
.mb10 { margin-bottom: 10px; }
.mt10 { margin-top: 10px; }
.pr10 { padding-right: 10px; }
.text12 { font-size: 11px; }
#dtPager { float: left; margin-top: 20px; }
.divFloatImg input[type=text] { font-size: 11px; }
.divLogin { height: 28px; line-height: 28px;margin: 0 auto; padding-right: 10px;width: 880px;text-align: right; }
.divLogin ul { float: right;}
.divLogin ul li { display: inline; }
/*.divLogin ul li:nth-child(1) a { padding-right: 10px; }*/
.divLogin ul li a { display: block;float: left;padding-right: 10px;padding-left: 10px;}
.divLogin ul li a:hover { background-color: #1e1e1e;}
#divShare { background-color: #EEE; float: left; }
#divPhotoChoose { /*background-color: #FFF;background-image: none;*/ }
